<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接_跳转锚点</title>
</head>
<body>
  <!--跳转的怪兽-->
  <a href="#怪兽">怪兽</a>

  <!--用第二种方式跳转-->
  <a href="#htl">看灰太狼</a>

  <p>这是一个奥特曼</p>
  <img src="奥特曼.jpg">

  <!--这是超链接跳转的怪兽-->
  <a name="怪兽"></a>
  <p>这是一个怪兽</p>
  <img src="path_test/怪兽.jpg">


  <p id="htl">这是灰太狼</p>
  <img src="path_test/a/灰太狼.jpg">

  <p>这是喜羊羊</p>
  <img src="path_test/a/b/喜羊羊.jpg">

  <a href="./14_超链接跳转文件.html#baidu">跳转到其他页面的锚点</a>
  <a href="#">回到顶部</a>
  <a href="">刷新页面</a>
</body>
</html>